<html>
  <head>
    <title>请升级您的浏览器</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <!-- IE8/9及以后的版本用最新的引擎渲染网页 -->
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <style>
      body{
        font-size: 13px;
        font-family: Georgia,Verdana,sans-serif;
        color: #333;
        padding:  0;
        margin: 0;
      }
      .wrap{
        width: calc(100vw - 20px);
        height: 100vh;
        margin: 0 auto;
        background-color: #fff4f4;
        border: solid 1px #777;
        box-shadow: 0 0 8px #888;
        position: relative;
      }
      .wrap .title{
        text-align: center;
        margin: 100px 25px 0 25px;
        font-weight: bold;
        font-size: 20px;
        color: red;
      }
      .wrap .list{
        width: 100%;
        margin-bottom: 10px;
        /* margin-top: 0px; */
      }
      .wrap .list .item{
        text-align: center;
        padding: 10px;
        width: 25%;
      }
      .wrap .list .item:hover .link{
        border: dashed 1px rgb(170, 170, 170);
        padding-top: 109px;
        padding-bottom: 3px;
      }
      .wrap .list .item .link{
        padding-top: 110px;
        padding-bottom: 4px;
        background-position: center top;
        background-repeat: no-repeat;
        display: block;
        text-decoration: none;
      }
      .wrap .list .item .bf{
        background-image: url('ff.png');
      }
      .wrap .list .item .bo{
        background-image: url('op.png');
      }
      .wrap .list .item .bc{
        background-image: url('ch.png');
      }
      .wrap .list .item .bi{
        background-image: url('ie.png');
      }
      .wrap .list .item .link .name{
        color: #e25600;
        text-align: center;
        text-decoration: underline;
        font-size: 19px;
        font-family: 'Open Sans',sans-serif;
        font-weight: 300;
      }
      .wrap .list .item .link .vendor{
        font-size: 10px;
        color: #aaa;
        text-align: center;
        display: block;
        margin-top: 5px;
        text-decoration: none;
      }
      .wrap .tag {
        text-align: center;
        margin: 13px 25px;
        font-size: 19px;
        font-family: 'Open Sans',sans-serif;
        font-weight: 300;
        margin-top: 50px;
      }
    </style>
  </head>
  <body>
    <div class="wrap">
      <p class="title">您的浏览器内核版本过低,无法继续使用该系统，请点击下载任意一款免费而优秀的最新版浏览器。</p>
      <!-- 用table,为了兼容 ie5 -->
      <table class="list">
        <tr>
          <td class="item">
              <a class="link bf" href="http://www.mozilla.com/firefox/" target="_blank">
               <div>
                <img style="width: 200px;" src="./Firefox.jpeg" alt="">
               </div>
                <span class="name">Firefox</span>
                <span class="vendor">Mozilla Foundation</span>
              </a>
          </td>
          <td class="item">
              <a class="link bo" href="https://browser.360.cn/se/" target="_blank">
                <div>
                    <img style="width: 200px;" src="./360.jpg" alt="">
                </div>
                <span class="name">360安全浏览器</span>
                <span class="vendor">奇虎360</span>
              </a>
          </td>
          <td class="item">
              <a class="link bc" href="http://www.google.cn/chrome/browser/desktop/index.html" target="_blank">
                <div>
                    <img style="width: 200px;" src="./Google.jpeg" alt="">
                </div>
                <span class="name">Chrome</span>
                <span class="vendor">Google</span>
              </a>
          </td>
          <td class="item">
              <a class="link bi" href="http://windows.microsoft.com/en-HK/internet-explorer/download-ie" target="_blank">
                <div>
                    <img style="width: 200px;" src="./Edge.jpeg" alt="">
                </div>
                <span class="name">Internet Explorer Edge</span>
                <span class="vendor">Microsoft</span>
              </a>
          </td>
        </tr>
      </table>
      <p class="tag">带来更多安全、极速和乐趣。</p>
    </div>
  </body>
</html>